<template>
  <div>
    <h3>品牌制造商</h3>
    <div class="con">
    <dl v-for="item in brandArr" :key="item.id">
        <dt>
            <img :src="item.list_pic_url" alt="">
        </dt>
        <dd>
            <p>{{item.name}}</p>
            <!-- 管道符 调用 -->
            <p><span>{{item.floor_price |  priceStyle}}</span></p>
        </dd>
    </dl>
    </div>

  </div>
</template>

<script>
export default {
    props:["brandArr"]

}
</script>

<style lang="less" scoped>
   h3{width: 100%;  text-align: center;
     line-height: 30PX;
     font-size:18PX;
    }
.con{width: 100%;display:flex;
flex-wrap: wrap;
justify-content: space-between;
   dl{width: 49%; 
      position: relative;
      img{width: 100%;}
      span{color: red;}
      p:nth-child(1){position: absolute; top:10PX;left:10PX;font-size: 16PX;}
      p:nth-child(2){position: absolute; top:30PX;left:10PX;font-size: 16PX;}
   }


}
   
</style>